<template>
  <div id='preview' class="bs-content">
    <div class="bs-left">
      <Tree :data="treeData"></Tree>
    </div>
    <div class="bs-main">
      <video src="" loop></video>
    </div>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  name: 'preview',
  components: {},
  props: {},
  data() {
    return {
      treeData: []
    }
  },
  computed: {},
  watch: {},
  methods: {},
  created() {
    axios.get('/api/resource/resTree').then(res => {
      this.treeData = res.data
    })
  },
  mounted() { }
}
</script>

<style scoped>
video{
  background: #404040;
  width: 60%;
  height: 80%;
}
</style>
<style>
.ivu-tree ul {
  font-size: 16px;
}
</style>

